<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 
			ul的子标签必须是li
				li标签有换行能力，且自带样式，也是宽度占满
				ul宽度是占满浏览器宽度的，所以叫块级元素
			ul标签可以嵌套ul标签
		 -->
		<ul>
			<!-- <a>第3项</a>
			<a>第4项</a> -->
			<li>第1项</li>
			<li>可以嵌套任何标签</li>
			<li><a href="01-html常用标签.html">跳转</a></li>
			<ul>
				<li>第三项</li>
			</ul>
		</ul>
		兴趣爱好
		<ul>
			<li>打游戏</li>
			<ul>
				<li>王者荣耀</li>
				<li>LOL</li>
				<li>Dota2</li>
			</ul>
			<li>编程</li>
			<ul>
				<li>Java</li>
				<li>前端</li>
				<li>Android</li>
			</ul>
		</ul>
		<ol>
			<li>Java</li>
			<li>前端</li>
			<li>Android</li>
			<li>打游戏</li>
			<ol>
				<li>王者荣耀</li>
				<li>LOL</li>
				<li>Dota2</li>
			</ol>
		</ol>
		<dl>
			<dt>后台开发语言</dt>
			<dd>Java</dd>
			<dd>PHP</dd>
			<dd>Python</dd>
			<dt>前端开发语言</dt>
			<dd>HTML</dd>
			<dd>CSS</dd>
			<dd>JavaScript</dd>
		</dl>
	</body>
</html>
